<template>
  <FormItem :label="label" :prop="prop" :icon="icon" :single="single">
    <input
      :type="type"
      :value="value"
      @input="inputEvent($event.target.value)"
      :readonly="see || readonly"
    />
  </FormItem>
</template>
<script>
export default {
  props: {
    label: "",
    prop: "",
    type: {
      default: "text"
    },
    value: "",
    single: {
      default: false
    },
    icon: {
      default: ""
    },
    readonly: {
      default: false
    }
  },
  computed: {
    see() {
      return this.$store.state.forms.see;
    }
  },
  methods: {
    inputEvent(data) {
      this.$emit("input", data);
    }
  }
};
</script>